﻿@using MySpa.Extensions
@model IEnumerable<MySpa.Data.Customer>
@{
    ViewBag.Title = "Danh sách tất cả các khách hàng";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="row">
    <div class="col-sm-12">
        <div class="panel panel-default">
            <!-- Default panel contents -->
            <div class="panel-heading">Danh sách tất cả các khách hàng</div>
            <div class="panel-body">
                <a class="btn btn-primary" href="/Customer/Create">Thêm mới một khách hàng</a></div>
            <!-- Table -->
            <table class="table table-hover" id="customer">
                <thead>
                    <tr>
                        <th>Mã số</th>
                        <th>Họ & tên</th>
                        <th>Ngày sinh</th>
                        <th>Địa chỉ</th>
                        <th>Điện thoại</th>
                        <th>Email</th>
                        <th>Độ tuổi</th>
                        <th>VIP</th>
                        <th style="width: 8%"></th>
                    </tr>
                </thead>
                <tbody>
                    
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="row pagination">
    <div class="col-sm-3" style="margin-top: 25px;" id="pageSizer">
        <label class="col-sm-6">Hiển thị</label>
    </div>

    <div class="col-sm-9">
        <ul class="pagination pull-right" id="paginator">
            <li><a href="#">&laquo;</a></li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">&raquo;</a></li>
        </ul>
    </div>
</div>
@section scripts{
    <script type="text/javascript" src="~/Scripts/myspa/customer.js"></script>
}
